<template>
	<view>
		<view class="botCon">
			<view class="botConLeft" @tap="makePhoneCall">
				<view class="t-icon t-icon-dianhua"></view>
				<view class="favorTxt">电话</view>
			</view>
			<view class="botBtn add" @tap="goBuy">立即购买</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods:{
			goBuy(){
				this.$emit('goBuy')
			},
			makePhoneCall(){
				this.$emit('makePhoneCall')
			}
		}
	}
</script>

<style>
	@import url("/static/css/common/icon-svg.css");
	.t-icon{
		width: 38rpx;
		height: 38rpx;
	}
</style>
<style lang='scss' scoped>
	.botCon{
		width: 100%;
		height: 100rpx;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 10;
		background: #fff; 
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-shadow: 0 -8rpx 8rpx rgba(0,0,0,.05);
		.botConLeft{
			width:15%; 
			position: relative;
			flex-direction: column;
			margin-left: 30rpx; 
			text-align: center;
			.favorTxt{
				font-size: $font-size22;
				color: $pss-text-color3;
				margin-top: 5rpx;
			}
		}
		.botBtn{
			height: 70rpx;
			line-height: 70rpx;
			border-radius: 50rpx;
			text-align: center;
			color: #fff;
			font-size: $font-size30;
			&.add{
				width: 75%; 
				background: $pss-color-primary_1;
				margin-right: 30rpx;
			}
		}
	}
</style>